<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>大米商城</title>
 

    <link rel="stylesheet" href="damio.css" type="text/css">
    <script type="text/javascript" src="./jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="./jquery-ui-1.10.3.min.js"></script>
    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="http://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
	<script src="http://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
    

        <div class="hea">
            <div class="">
                <ul>
                    <li><a>大米商城</a></li>
                    <li><a>MIUI</a></li>
                    <li><a>loT</a></li>
                    <li><a>云服务</a></li>
                    <li><a>水滴</a></li>
                    <li><a>金融</a></li>
                    <li><a>有品</a></li>
                    <li><a>Select Region</a></li>
                  
                </ul>
            </div>
             <div class="divright">
            <ul>
                <li><a>登录</a></li>
                <li><a>注册</a></li>
                <li><a>消息通知</a></li>
                <li><a>购物车</a></li>             
            </ul>
            </div>
    
        </div>
        <div class="heab">
              <div class="imglogo">
                    <img src="./../dami.png" >
              </div>
               <div class="centerul">
                    <ul>
                            <li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)">
                                <a href="">大米手机</a>
                                <ul>
                                    <li>
                                      
                                               <div class="borderright">
                                                    <p class="ccbba">热卖</p>
                                        
                                                    <a href="#">
                                                        <div class="borderrightimg">
                                                            <img  class="centertImg" src="./../1122.jpg" alt="Second slide">
                                                        </div>
                                                    </a>
                                                    <p class="ccbbaa">大米手机</p>
                                                    <p class="ccbbaaa">3999元起</p>
                                                </div>
                                        
                                        
                                    </li>
                                    <li>
                                      
                                            <div class="borderright">
                                                 <p class="ccbba">热卖</p>
                                     
                                                 <a href="#">
                                                     <div class="borderrightimg">
                                                         <img  class="centertImg" src="./../1133.jpg" alt="Second slide">
                                                     </div>
                                                 </a>
                                                 <p class="ccbbaa">大米手机</p>
                                                 <p class="ccbbaaa">3999元起</p>
                                             </div>
                                     
                                     
                                 </li>
                                 <li>
                                      
                                        <div class="borderright">
                                             <p class="ccbba">热卖</p>
                                 
                                             <a href="#">
                                                 <div class="borderrightimg">
                                                     <img  class="centertImg" src="./../1144.jpg" alt="Second slide">
                                                 </div>
                                             </a>
                                             <p class="ccbbaa">大米手机</p>
                                             <p class="ccbbaaa">3999元起</p>
                                         </div>
                                 
                                 
                             </li>
                             <li>
                                      
                                    <div class="borderright">
                                         <p class="ccbba">热卖</p>
                             
                                         <a href="#">
                                             <div class="borderrightimg">
                                                 <img  class="centertImg" src="./../1155.jpg" alt="Second slide">
                                             </div>
                                         </a>
                                         <p class="ccbbaa">大米手机</p>
                                         <p class="ccbbaaa">3999元起</p>
                                     </div>
                             
                             
                         </li>
                         <li>
                                      
                                <div class="borderright">
                                     <p class="ccbba">热卖</p>
                         
                                     <a href="#">
                                         <div class="borderrightimg">
                                             <img  class="centertImg" src="./../1166.jpg" alt="Second slide">
                                         </div>
                                     </a>
                                     <p class="ccbbaa">大米手机</p>
                                     <p class="ccbbaaa">3999元起</p>
                                 </div>
                         
                         
                     </li>
                     <li>
                                      
                            <div class="borderright">
                                 <p class="ccbba">热卖</p>
                     
                                 <a href="#">
                                     <div class="borderrightimg">
                                         <img  class="centertImg" src="./../1177.jpg" alt="Second slide">
                                     </div>
                                 </a>
                                 <p class="ccbbaa">大米手机</p>
                                 <p class="ccbbaaa">3999元起</p>
                             </div>
                     
                     
                 </li>
                                </ul>
                            </li>
                            <li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)">
                                <a href="">黑米</a>
                                <ul>
                                        <li>
                                      
                                                <div class="borderright">
                                                     <p class="ccbba">热卖</p>
                                         
                                                     <a href="#">
                                                         <div class="borderrightimg">
                                                             <img  class="centertImg" src="./../4.jpg" alt="Second slide">
                                                         </div>
                                                     </a>
                                                     <p class="ccbbaa">大米手机</p>
                                                     <p class="ccbbaaa">3999元起</p>
                                                 </div>
                                         
                                         
                                     </li>
                                     <li>
                                      
                                        <div class="borderright">
                                             <p class="ccbba">热卖</p>
                                 
                                             <a href="#">
                                                 <div class="borderrightimg">
                                                     <img  class="centertImg" src="./../1122.jpg" alt="Second slide">
                                                 </div>
                                             </a>
                                             <p class="ccbbaa">大米手机</p>
                                             <p class="ccbbaaa">3999元起</p>
                                         </div>
                                 
                                 
                             </li>
                             <li>
                                      
                                <div class="borderright">
                                     <p class="ccbba">热卖</p>
                         
                                     <a href="#">
                                         <div class="borderrightimg">
                                             <img  class="centertImg" src="./../1122.jpg" alt="Second slide">
                                         </div>
                                     </a>
                                     <p class="ccbbaa">大米手机</p>
                                     <p class="ccbbaaa">3999元起</p>
                                 </div>
                         
                         
                     </li>
                     <li>
                                      
                        <div class="borderright">
                             <p class="ccbba">热卖</p>
                 
                             <a href="#">
                                 <div class="borderrightimg">
                                     <img  class="centertImg" src="./../1122.jpg" alt="Second slide">
                                 </div>
                             </a>
                             <p class="ccbbaa">大米手机</p>
                             <p class="ccbbaaa">3999元起</p>
                         </div>
                 
                 
             </li>
             <li>
                                      
                <div class="borderright">
                     <p class="ccbba">热卖</p>
         
                     <a href="#">
                         <div class="borderrightimg">
                             <img  class="centertImg" src="./../1122.jpg" alt="Second slide">
                         </div>
                     </a>
                     <p class="ccbbaa">大米手机</p>
                     <p class="ccbbaaa">3999元起</p>
                 </div>
         
         
     </li>
     <li>
                                      
        <div class="borderright">
             <p class="ccbba">热卖</p>
 
             <a href="#">
                 <div class="borderrightimg">
                     <img  class="centertImg" src="./../1122.jpg" alt="Second slide">
                 </div>
             </a>
             <p class="ccbbaa">大米手机</p>
             <p class="ccbbaaa">3999元起</p>
         </div>
 
 
</li>
                                    </ul>
                            </li>
                            <li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"><a href="">电视</a></li>
                            <li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"><a href="">笔记本</a></li>
                            <li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"><a href="">盒子</a></li>
                            <li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"><a href="">新品</a></li>
                            <li><a href="">路由器</a></li>
                            <li><a href="">智能硬件</a></li>
                            <li><a href="">服务</a></li>
                            <li><a href="">社区</a></li>
                        </ul>
               </div>
               <div class="centertext">
                   <input type="text" class="centert" style="float: left;width: 200px"> 
                   <span style="float:left;padding:7px;width: 30px;margin-top:24px;margin-left: -1px;
                    border: 1px solid #737377;" class="glyphicon glyphicon-search" > </span>
               </div>
        </div>
        <div class="hovehanshu"style="height: 460px;">
            <div class="hoverhanshua" style="height: 460px;z-index: 16;">
                <ul  class="hoverItem">
                    <li onmouseover="displaySubMenu(this)" >
                        <a href="">手机 电话卡</a>
                        <ul style="height:460px;width: 950px;background-color: aqua;
                        float: left;;position: absolute;top:0px;left: 250px;display: none">
                            <li><a></a></li>
                            <li><a></a></li>
                            <li><a></a></li>
                            <li><a></a></li>
                            <li><a></a></li>
                        </ul>
                    </li>
                    <li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)">
                        <a href="">电视 盒子</a>
                        <ul style="height:460px;width: 950px;background-color: aqua;
                        float: left;;position: absolute;top:0px;left: 250px;display: none">
                            <li><a></a></li>
                            <li><a></a></li>
                            <li><a></a></li>
                            <li><a></a></li>
                            <li><a></a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="">笔记本</a>
                        <ul>
                                <li><a></a></li>
                                <li><a></a></li>
                                <li><a></a></li>
                                <li><a></a></li>
                                <li><a></a></li>
                            </ul>
                    </li>
                    <li><a href="">智能 家电</a></li>
                    <li><a href="">健康 家居</a></li>
                    <li><a href="">出行 儿童</a></li>
                    <li><a href="">路由器 手机配件</a></li>
                    <li><a href="">移动电源 插线板</a></li>
                    <li><a href="">耳机 音响</a></li>
                    <li><a href="">生活 米兔</a></li>
                </ul>
                
            </div>
            <script type="text/javascript">

                function displaySubMenu(li) {
                var subMenu = li.getElementsByTagName("ul")[0];
                subMenu.style.display = "block";
                }
                function hideSubMenu(li) {
                var subMenu = li.getElementsByTagName("ul")[0];
                subMenu.style.display = "none";
                }
                    </script>
            <div id="myCarousel" class="carousel slide" style="width: 1193px;height: 460px;float: right;">
                <!-- 轮播（Carousel）指标 -->
                <ol class="carousel-indicators" style="margin-left: 170px;z-index: 1;">
                    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                    <li data-target="#myCarousel" data-slide-to="1"></li>
                    <li data-target="#myCarousel" data-slide-to="2"></li>
                </ol>   
                <!-- 轮播（Carousel）项目 -->
                <div class="carousel-inner" style="height:460px;width:1200px;overflow: hidden;">
                    <div class="item active">
                        <img class="itme-img" style="height:460px" src="./../xma.jpg" alt="First slide">
                    </div>
                    <div class="item">
                            <img class="itme-img" style="height:460px" src="./../xmb.jpg" alt="Second slide">
                    </div>
                    <div class="item">
                        <img class="itme-img"style="height:460px" src="./../xmc.jpg" alt="Third slide">
                    </div>
                </div>
                <!-- 轮播（Carousel）导航 -->
                <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev" style="position: absolute;left: 250px;width: 40px;">
                    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true" ></span>
                    <span class="sr-only" >Previous</span>
                </a>
                <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next" style="width: 40px;">
                    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div> 
        </div>
        <div class="tulian">
            <div class="xuangou">
                <ul>
                    <li>选购手机</li>
                    <li>企业团购</li>
                    <li>F码通道</li>
                    <li>米粉卡</li>
                    <li>以旧换新</li>
                    <li>话费充值</li>
                </ul>
            </div>
            <div class="dami">
                <ul>
                    <li ><a href="#"><img src="./../aag.jpg" class="hoveimga" ></a></li>
                    <li class="hoveimgab"><a href="#" ><img src="./../app_dagl.jpg" class="hoveimga " ></a></li>
                    <li  class="hoveimgab"><a href="#"><img src="./../app_jdgl.jpg" class="hoveimga" ></a></li>
                </ul>
            </div>
           
        </div>









        <script>
            $(document).ready(function(){
              $(".hovehansh ul li").hover(function(){
                $(".hovehwanshu ul li").css("color","yellow");
                },function(){
                $(".hovehanswhu ul li").css("color","pink");
              });
            });
            </script>
</body>
</html>